<template>
	<view>
		<!-- 普通弹窗 -->
		<uni-popup ref="popup" type="center">
			<view class="flex flex-col item-center justify-center">
				<view class="inner-box flex flex-col item-center justify-center">
					<image src="../../../static/image/icon-business.png" mode="widthFix" class="icon-business"></image>
					<view class="suc-text">恭喜您</view>
					<view class="cot-text">入驻成功</view>
				</view>
				<view class="login-btn" @click="showPop(false)">进入工作台</view>
			</view>
			
		</uni-popup>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	import {savePopType} from '@/api/common.js'
	const popup = ref()
	const showPop = (value) => {
		if (value) {
			popup.value && popup.value.open('center')
		} else {
			savePopType(2,{openId:uni.getStorageSync('openId')})
			popup.value && popup.value.close()
		}
	}
	defineExpose({
		showPop
	})
</script>

<style scoped lang="scss">
	.icon-business{
		width: 89px;
	}
	.inner-box{
		width: 208px;
		// height: 159px;
		border-radius: 12px;
		background: linear-gradient(180.12deg, #FA4543 -11.78%, #FFCFCE -11.77%, #FFFFFF 99.9%);
		// margin-top: -60px;
		padding: 10px 0;
	}
	.cot-text{
		font-size: 14px;
		font-weight: 400;
		line-height: 28px;
		text-align: center;
		color: rgba(250, 69, 67, 1);
		margin-top: 10px;
	}
	.suc-text{
		font-family: PingFang SC;
		font-size: 20px;
		font-weight: 600;
		line-height: 34px;
		letter-spacing: 0px;
		text-align: center;
		color: rgba(51, 51, 51, 1);
		margin-top: 20px;
	}
	.login-btn{
		width: 167px;
		height: 46px;
		line-height: 46px;
		font-size: 14px;
		border-radius: 12px;
		background: rgba(250, 69, 67, 1);
		color: #ffffff;
		margin-top: 20px;
		text-align: center;
	}
</style>